﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>
    <h1>简单复制出１０行数据</h1>
    <table id="tbl">
    </table>
    <script type="text/html" id="list">
        <tr>
            <td data-bind="text:id"></td>
            <td>
                <input type="text" data-bind="value:name, click:edit" /></td>
            <td>
                <a data-bind='attr: { href: delUrl, title: title }'>删除</a>
                <a href="#" data-bind="click:$parent.removePerson">移除</a>
                <span data-bind="visible:editing"><a data-bind='click:save'>保存</a></span>
            </td>
        </tr>
    </script>
    <script type="text/ecmascript">
        for (i = 0; i < 10; i++) {
            $("#tbl").append($("#list").html());
        }
    </script>
</body>
</html>
